<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
	<base href="<%=basePath%>"><!-- jsp文件头和头部 -->
	<%@ include file="../../system/main/main_top.jsp"%> 
	
    <link rel="stylesheet" media="screen" type="text/css" href="static/select2-js/select2.css" />
    <style media="print" type="text/css">
		.Noprint 
		{
			display: none;
		}
	</style>
	</head>
<body>
<div class="container-fluid" id="main-container">
<div id="breadcrumbs">
	<ul class="breadcrumb">
		<li><i class="icon-home"></i> <a>营销管理</a> <span class="divider">
				<i class="icon-angle-right"></i>
		</span></li>
		<li class="active">女神人气统计</li>
	</ul>
	<!--.breadcrumb-->
</div>
<div id="page-content" class="clearfix">
  <div class="row-fluid">
	<div class="row-fluid">
			<!-- 检索  -->
			<form action="covergirlStatistic/list.do" method="post" name="Form" id="Form">
			<input type="hidden" name="organ_id" id="organ_id" value="${pageData.currentselectorganid }"/>
			<table class="Noprint">
				<tr>
					<td style="vertical-align:top;">
						<form:select path="organ.organid" class="chzn-select" items="${organList}" itemLabel="organname" itemValue="organid" title="门店" style="width:200px; font-size:12px;"/>
					</td>
					<td><input class="span10 date-picker" id="queryDate" name="queryDate" value="${pageData.queryDate}" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" style="width: 120px;" placeholder="查询日期" /></td>
					<td style="vertical-align:top;"><a class="btn btn-mini btn-light" onclick="searchStatement();" title="查询"><i id="nav-search-icon" class="icon-search"></i>查询</a></td>
				</tr>
			</table>
			<table id="table_report" class="table table-striped table-bordered table-hover" style="margin-top: 10px;">
				<thead>
					<tr><th colspan="5" class="center">人气女神</th></tr>
					<tr>
						<th>排名</th>
						<th>女生昵称</th>
						<th>女生电话</th>
						<th>人气值</th>
						<th>日期</th>
					</tr>
				</thead>
										
				<tbody>
				<!-- 开始循环 -->	
				<c:choose>
					<c:when test="${not empty varList}">
						<c:forEach items="${varList}" var="var" varStatus="vs">
							<tr>
								<td>
									第${vs.index+1 + (pageData.current_page - 1) * 10}名
								</td>
								<td>
									${var.username}
								</td>
								<td>
									${var.mobile}
								</td>
								<td>
									${var.quantity}
								</td>
								<td>${var.receive_time}</td>
							</tr>
						</c:forEach>
					</c:when>
					<c:otherwise>
						<tr class="main_info">
							<td colspan="100" class="center" >没有相关数据</td>
						</tr>
					</c:otherwise>
				</c:choose>
				</tbody>
			</table>
			
			<div class="page-header position-relative">
				<table style="width:100%;">
					<tr>
						<td style="vertical-align:top;">
							<!-- <a class="btn btn-small btn-success" onclick="view(1);">查看</a> -->
						</td>
						<td style="vertical-align:top;"><div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div></td>
					</tr>
				</table>
			</div>
		</form>
	</div>
	<!-- PAGE CONTENT ENDS HERE -->
  </div><!--/row-->
	
</div><!--/#page-content-->
</div><!--/.fluid-container#main-container-->
		
		<!-- 返回顶部  -->
		<a href="#" id="btn-scroll-up" class="btn btn-small btn-inverse">
			<i class="icon-double-angle-up icon-only"></i>
		</a>
		
		<!-- 引入 -->
		<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
		<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="static/js/ace-elements.min.js"></script>
		<script type="text/javascript" src="static/js/ace.min.js"></script>
		<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script><!-- 下拉框 -->
		<script type="text/javascript" src="static/js/bootstrap-datepicker.min.js"></script><!-- 日期框 -->
		<!-- 引入 -->
		
		<script type="text/javascript">
		$(top.hangge());
		
		//检索
		function searchStatement(){
			$("#Form").submit();
		}
		
		function clearCondition(){
			$("#lastStart").val("");
			$("#lastEnd").val("");
		}
		</script>
		
		<script type="text/javascript">
		$(function() {
			//单选框
			$(".chzn-select").chosen(); 
			$(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
			//日期框
			$('.date-picker').datepicker();
		});
		</script>
	</body>
</html>

